@charset "utf-8";
*{box-sizing:border-box;margin:0;padding:0; }
body{font-family: "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;}
ol,ul{list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{color:#333;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color:#035294}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{display:block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}
address,cite,dfn,em,var,i{font-style: normal;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:1px;background:#ddd; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-size:1em}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}


fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
::-webkit-input-placeholder{color:999;opacity:.54}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
::selection{background:#035294;color:#fff}
::-moz-selection{background:#035294;color:#fff}
::-webkit-selection{background:#035294;color:#fff}

.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.l{float:left}
.r{float:right}
.fl{float:left!important}
.fr{float:right!important}
.bor{border:1px dashed #999}
.poab{position:absolute}
.pore{position:relative}
.texto{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imgInline{display:inline-block!important;vertical-align:middle}
.imgMargin{margin:0 auto}
.imgW100{width:100%}
.intent{text-indent: 2em}

.underLine-a:hover{text-decoration: underline;}
.trans-a:hover{letter-spacing: .1em}

.flex-nowrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-left{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex-right{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.flex-v-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-v-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}


.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-up{text-transform: uppercase;}

.trans{transition:all .3s}
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer}
.trans-mask img{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.wp{width:92%;margin:0 auto;max-width:1200px}

.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co-main{color:#035294}
.co-fff{color:#fff!important}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}

.filter-page{filter: blur(5px);}
.m-show{display:none}
@media screen and (max-width:1000px){
.pc-show{display:none}
.m-show{display:block}
}



/*翻页*/

.pagediv{clear:both;padding:30px 0;text-align:center;font-size:14px;line-height:28px}
.pagediv,.pagediv a{color:#333}
.currentIndex,.pagination_index,.pagination_index_num{display:inline-block}
.currentIndex{margin:4px;border:1px solid #dfdfdf;border-radius:3px;vertical-align:top;transition:all .2s;zoom:1}
.currentIndex,.pagination_index_num a{padding:0 10px}
.pagination_index_num:hover{border-color:#0063b8;background:#0063b8}
.pagination_index_num:hover,.pagination_index_num:hover a{color:#fff;text-decoration:none}
.pagediv #pagination_input,.pagediv .arrow a,.pagediv .index_num,.pagediv .moye,.pagediv .pagination_index_last,.pagination_index_num{display:inline-block;margin:4px;border:1px solid #dfdfdf;border-radius:3px;background:#f1f1f1;background:-webkit-linear-gradient(#fff 10%,#f1f1f1);background:-o-linear-gradient(#fff 10%,#f1f1f1);background:-moz-linear-gradient(#fff 10%,#f1f1f1);background:linear-gradient(#fff 10%,#f1f1f1);vertical-align:top;-webkit-transition:all .2s;transition:all .2s;zoom:1}
.pagination_index_num span{padding:0 5px}
.currentIndex,.pagediv .arrow a:hover,.pagediv .arrow a.current1,.pagediv .index_num{border-color:#0063b8;background:#0063b8;color:#fff;text-decoration:none}
.pagediv .arrow a,.pagediv .moye{padding:0 10px}
.pagediv .index_num{font-weight:700}
.pagediv .pagination_index_last{padding:0 6px}
.pagediv #pagination_input{margin:4px;padding:0;vertical-align:top}
.pagediv #currentPage,.pagediv #pagination_input{width:40px;height:30px;background:#fff;color:#888;text-align:center}
.pagediv font.en{display:none}

#goye{display:inline-block;margin:4px;padding:1px 10px;border-radius:3px;background:#0063b8;color:#fff;vertical-align:top}
.pagediv .pagination_index_num:first-child:hover{border:1px solid #dfdfdf;background:linear-gradient(#fff 10%,#f1f1f1);color:#333}


#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}


.header-iconMenu .user a {
    background-image: url(../images/header_icon_user.png);
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 0 center;
}
.header .topBar{height:45px;font-size:15px;line-height:45px}
#header-login a{display:inline-block;margin:0 5px;}